import React, { useState } from 'react';
import { Text, View, TouchableOpacity } from 'react-native';
export default function OpacityBotton(props) {
    let { children, buttonStyle, buttonText ,onPress} = props
    buttonStyle = {
        width: 100,
        height: 100,
        alignItems: 'center',
        justifyContent: "center",
        borderRadius: 5,
        backgroundColor: '#41bd55',
        ...buttonStyle
    }

    buttonText = {
        fontSize: 30,
        textAlign: 'center',
        color: 'white',
        ...buttonText
    }
    return (
        <TouchableOpacity onPress={onPress}>
            <View style={buttonStyle}>
                <Text style={buttonText}>{children}</Text>
            </View>
        </TouchableOpacity>
    );
}